$('.main_more').hover(function(){
        $(this).find('.main_more_hide').stop().animate({
        'top':'0%'
        },'fast');
    },function(){
         $(this).find('.main_more_hide').stop().animate({
        'top':'100%'
        },'fast');
});

var list=[{
        'id':1,
        'src':'images/more1.jpg',
        'info':'但丁密码'
    },{
        'id':2,
        'src':'images/more2.jpg',
        'info':'奇异博士'
    },{
        'id':3,
        'src':'images/more3.jpg',
        'info':'神奇动物在哪里'
    },{
        'id':4,
        'src':'images/more4.jpg',
        'info':'侠盗一号：星球大战外传'
    },{
        'id':5,
        'src':'images/more5.jpg',
        'info':'长城'
    },{
        'id':6,
        'src':'images/more6.jpg',
        'info':'美女与野兽'
    },{
        'id':7,
        'src':'images/more7.jpg',
        'info':'逗鸟外传：萌宝满天飞'
    },{
        'id':8,
        'src':'images/more8.jpg',
        'info':'我的战争'
    },{
        'id':9,
        'src':'images/more9.jpg',
        'info':'冰川时代5：星际碰撞'
    },{
        'id':10,
        'src':'images/more10.jpg',
        'info':'谍影重重5'
    },{
        'id':11,
        'src':'images/more11.jpg',
        'info':'火海凌云'
    },{
        'id':12,
        'src':'images/more12.jpg',
        'info':'盗墓笔记'
    },];

    var arr=[];

    var row;

    function getRand(n,m){
        //  getRand(12,20)
        var key=Math.ceil(Math.random()*100000)%(m-n+1)+n;
        for(var i=0;i<arr.length;i++){
            if(key==arr[i]){
                getRand(n,m);
                return;
            }
        }
        arr.push(key);
    }

    

    function deffRandArray(num){
       
        for(var i=0;i<num;i++){
            getRand(0,list.length-1);
        }

        //console.log(arr);
    }

    function screenCheck(){
        var screenWidth=$(window).width();
        if(screenWidth<=1366 && screenWidth>768){
            row=6;
        }
        else if(screenWidth<=768 && screenWidth>540){
            row=4;
        }
        else if(screenWidth<=540){
            row=2;
        }else{
            row=8;
        }
    }

    screenCheck();

    $(window).resize(screenCheck);

    $('.main_bottom button').on('click',function(){
        arr=[];
        deffRandArray(row);
        // console.log(row);
        for(var i=0;i<arr.length;i++){
            $('<li><img src="'+list[arr[i]]['src']+'" alt=""><div><h3>即将上映</h3><h1><a href="javascript:;">'+list[arr[i]]['info']+'</a></h1><a href="javascript:;" class="main_more">更多详情<span class="main_more_hide"></span></a></div></li>').appendTo($('.main ul'));
        }
    });